<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1.0">
    <title>我的主页</title>
    <link type="text/css" rel="stylesheet" href="../../static/css/bootstrap.min.css" th:href="@{/css/bootstrap.min.css}">
    <link type="text/css" rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css" th:href="@{https://unpkg.com/element-ui/lib/theme-chalk/index.css}">
    <style type="text/css">
        .content{
            margin-top: 50px;
        }

        .logo{
            margin-top: 15px;
        }

        .logo a{
            text-decoration: none;
            color: black;
            font-size: 25px;
            font-family: kaiti;
        }

        .logo a img{
            width: 60px;
            height: 60px;
        }

        .content-one{
            margin-top: 25px;
        }

        .list-group .list-group-item{
            float: left;
            border-top: none;
            border-left: none;
            border-right: none;
        }

        .list-group .list-group-item a{
            color: #898989;
            text-decoration: none;
            font-size: 18px;
        }

        .list-group .list-group-item:hover{
            border-bottom:2px solid orange;
        }

        .list-group .list-group-item a:hover{
            color: orange;
        }
    </style>
</head>
<body>
<div class="content container">
    <div class="row">
        <div class="logo">
            <a href="#"><img th:src="@{/images/timg.jpg}" class="img-circle" alt="">&nbsp;笑里轻轻语</a>
        </div>
        <div class="content-one col-lg-12 col-md-12 col-sm-12 col-xs-12">
            <ul class="list-group">
                <li class="list-group-item"><a th:href="@{/information/{article}}" target="iframe">
                    <i class="glyphicon glyphicon-list-alt"></i>&nbsp;文章</a>
                </li>
                <li class="list-group-item"><a th:href="@{/myhomes/{dynamic}}" target="iframe">
                    <i class="glyphicon glyphicon-bell"></i>&nbsp;动态</a>
                </li>
            </ul>
        </div>
        <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12" style="height: 800px;">
            <iframe id="iframe" name="iframe" th:src="@{/information/{article}}" scrolling="no" frameborder="no"
                    style=" width: 100%; height: 100%;"></iframe>
        </div>
    </div>
</div>

<script type="text/javascript" src="../../static/js/jquery.min.js" th:src="@{/js/jquery.min.js}"></script>
<script type="text/javascript" src="../../static/js/bootstrap.min.js" th:src="@{/js/bootstrap.min.js}"></script>
<script type="text/javascript" src="https://unpkg.com/element-ui/lib/index.js" th:src="@{https://unpkg.com/element-ui/lib/index.js}"></script>
</body>
</html>
